import styles from '@/assets/styles/video-wrapper/index.module.scss'
import { useCallback, useEffect, useRef } from 'react';

const VideoWrapper:React.FC = ()=>{
    let startVideo,stopVideo;
 
    useEffect(()=>{
        console.log(startRef);
        // navigator.mediaDevices.getDisplayMedia({video:true}).then(stream=>{
        //     const {start,stop} = useVideo({stream});

        // })
    },[])
    const startRef = useRef<HTMLButtonElement>(null);
    (startRef.current as HTMLButtonElement).innerText = '456'
    const stopRef = useRef(null);
    return (
        <main className={styles['video-wrapper']}>
            <header className={styles['video-wrapper__header']}>
                <button ref={startRef}>start</button>
                <button>end</button>
            </header>
            <div className={styles['video-wrapper__content']}>video wrapper content</div>
        </main>
    )
}

export default VideoWrapper;